 *{padding: 0;margin: 0;font-size: 12px;font-family: "微软雅黑";color: #7c7c7c;}
html { overflow-x: hidden; overflow-y: auto; }
body{width: 100%;height: 100%;}

#head{width: 100%; height: 10%; background-color: #ffe400; text-align: center;}
input{margin: 6px 6px;padding: 6px 6px;width: 65%; border: 1px seashell; border-radius:8px;}


#container {width: 100%;height: 180px;overflow: hidden;}
.sections,.section {height:100%;}
#container,.sections {position: relative;}
.section {background-color: #000;background-size: cover;background-position: 50% 50%;	text-align: center;color: white;}
#section0 {background-image: url('../img/01.jpg');}
#section1 {background-image: url('../img/02.jpg');}
#section2 {background-image: url('../img/03.jpg');}
#section3 {background-image: url('../img/04.jpg');}

#option{width: 100%;height: 10%; padding:8px 0px 4px; text-align: center;}
#option a img{height:55px;position: relative;left: -7%; margin-left: 14%;}


#div_commodity{width: 100%; height: 420px; border-top: 1px dashed #7c7c7c;}
p{text-align: center; font-size: 13px;color: #7c7c7c;margin: 6px 0px 8px;}
#commodity{width: 100%;}
 #goods{width:47%; height: 68px;}
 .left{position: relative; float: left;left: 5%}
 .right{position: relative; float: right;}
 .goods_img{height: 50px;width: 50px;margin-top: 6px;margin-left: 6px; border-radius:4px ;}
 .goods_box{position: relative;float: left;}
 .goods_msg{width: 86px; position: relative;float: left;margin-left: 4px; margin-top: 6px;}


/*#footer{width: 100%;height: 10%;background: white;position:fixed;bottom: 0px;left: 0;font-size: 12px;color: gray;font-family: "微软雅黑";}*/
/*#footer ul{width: 100%;height: 100%;position: relative;left: 2%;}*/
/*#footer ul li{float: left;width: 20%;height: 100%;list-style: none;}*/
/*#footer ul li img{width: 26px;height: 26px;}*/
/*.active{color: #FFCC33;}*/
/*#more{position:absolute; top:-20px;}*/
/*#footer ul li img{width: 45px;height: 45px;position: relative;}*/
/*#footer ul li img{margin-top: 8px;}*/



 /*底部*/
 #footer{width: 100%;height: 10%;background: white;position: fixed;bottom: 0;left: 0;font-size: 12px;color: gray;font-family: "微软雅黑";}
 #footer ul{width: 100%;height: 100%;}
 #footer ul li{float: left;width: 20%;height: 100%;line-height: 20px;text-align: center;list-style: none;}
 #footer ul li img{width: 40px;height: 40px;margin-top: 15px;}
 .active{color: #FFCC33;}
 #footer ul li img#more{width: 45px;height: 45px;position: relative;top: -20px;}

 #add1{width: 80%; height:50;position: absolute;top:60%;bottom: 60px; left: 10%; background-color: #000;z-index: 2;opacity: 0.85;display: none;border-radius: 10px;}
 .add1_imgR{width: 22%;position: relative;margin-top:50px; margin-bottom:150px; float: right;margin-right: 7%;}
 .add1_imgL{width: 22%;position: relative;margin-top:50px; float: left;margin-left: 17%;}
 .del{position: relative;float: right;width: 10%;}
